<template>
    <div class="deptbgc">
        <el-header>
            <div class="depttitle">
                报表管理
            </div>
        </el-header>    
        <div class="btncl">
            <el-button class="deptbtn1" type="text" @click="dialogFormVisible=true">新聘员工报表</el-button>
            <button class="deptbtn">离职员工报表</button>
            <button class="deptbtn">部门调动员工报表</button>
            <button class="deptbtn">岗位调动员工报表</button>
        </div>

        <div class="tableborder">
        <el-table :data="gridData" class="tablestyle" :header-cell-style="{background:'#000',color:'gold'}" :row-style="{background:'rgba(0,0,0,0.1)',color:'gold'}">
                <el-table-column property="stno" label="编号" ></el-table-column>
                <el-table-column property="stna" label="名称" ></el-table-column>
                <el-table-column property="stty" label="岗位类型" ></el-table-column>
        </el-table>
        </div>
    </div>


</template>

<script>
     export default {
    data() {
      return {
        gridData: [{
          stno: '201901',
          stna: '财政岗位',
          stty: '营销'
        }],
        dialogTableVisible: false,
        dialogFormVisible: false,
        form: {
          name: '',
          delivery: false
        },
        formLabelWidth: '120px'
      };
    }
  };
</script>

<style scoped>
.deptbgc{
    background: url("../assets/5.jpg");
    width: 100%;
    height: 100%;
    position: fixed;
    margin: -8px;
}

.depttitle{
    font-size: 60px;
    text-align: center;
    color: rgb(216, 185, 7);
    width: 100%;
    height: 80px;
}

.btncl{
    width: 100%;
    height: 132px;
}

.deptbtn1{
    color: gold;
    background-color: #000;
    margin-top: 46px;
    margin-left: 500px;
    font-size: 30px;
    float: left;
    border: 0px;
    cursor: pointer;
}

.deptbtn{
    color: gold;
    background-color: #000;
    margin-top: 50px;
    margin-left: 30px;
    font-size: 30px;
    float: left;
    border: 0px;
    cursor: pointer;
}

.tablestyle{
    background-color: rgba(0,0,0,0.1);
    margin-left: 300px;
    margin-top: 35px;
    width: 1350px;
    height: 600px;
}

.tableborder >>> .el-table__row>td{
  /* 去除表格线 */
  border: none;
}

/* .tableborder >>> .el-table th.is-leaf{
    去除上边框
    border: none;
} */

.el-table::before{
    /* 去除下边框 */
    height: 0px;
}

</style>
